<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>文章详情</title>
    <link rel="stylesheet" href="../../libs/node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../style/common.css">
    <link rel="stylesheet" href="../../style/home/article.css">

    <script src="../../libs/jquery-3.2.1.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
    <script src="../../libs/node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
    <script src="../../libs/layer-v3.1.1/layer/layer.js"></script>
    <!--<script src="js/system.js"></script>-->
</head>
<body>
<header></header>
<nav></nav>
<div class="nav-row">
</div>
<div class="carousel-box">
    <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
        <ol class="carousel-indicators">
            <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
        </ol>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img class="d-block w-100" src="../../static/images/详情banner.png" alt="First slide">
            </div>
        </div>

    </div>

</div>

<main>
    <div class="content">
        <div class="article-detail">
            <div class="article-detail-l">
                <div class="news">
                    <div id="carouselExampleIndicators2" class="carousel slide" data-ride="carousel">
                        <div class="carousel-inner">
                            <div class="carousel-item active">
                                <img class="d-block w-100" src="../../static/images/两会.png" alt="First slide">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>中国进入“两会时间”国际舆论聚焦时期</h5>
                                </div>
                            </div>
                            <div class="carousel-item">
                                <img class="d-block w-100" src="../../static/images/政府.png" alt="First slide">
                                <div class="carousel-caption d-none d-md-block">
                                    <h5>中国进入“两会时间”国际舆论聚1</h5>
                                </div>
                            </div>

                        </div>
                        <a class="carousel-control-prev" href="#carouselExampleIndicators2" role="button" data-slide="prev">
                            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="carousel-control-next" href="#carouselExampleIndicators2" role="button" data-slide="next">
                            <span class="carousel-control-next-icon" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div>
                    <div class="news-item">
                        <ul>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                            <li><span></span> “每餐应有学校负责人与学生共同用餐”|附番禺区A</li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="article-detail-r">
                <div class="article-header">
                    <div class="article-header-inner">
                        <div class="article-logo"></div>
                        <div class="article-tip">XXX专题栏目</div>
                    </div>
                    <div class="article-hot">
                        HOT
                    </div>
                </div>
                <div class="article-content">
                    <div class="article-title">家园生活服务网平台小程序已经开通</div>
                    <div class="article-props">
                        <span>时间：2018-07-09 10:53:18</span>
                        <span>来源：xxx</span>
                        <span>浏览次数：25</span>
                    </div>
                    <div class="article-text">为了更好的让大家使用家园服务网的平台网站，经过公司的研发，小程序已经开发并投入使用。欢迎朋友们通过小程序使用平台。

                        使用方法：通过小程序搜索：家园服务网，点击进入。无需安装APP便可以使用我们的平台。 您也可以扫描以下小程序二维码，直接进入平台。

                        为了更好的让大家使用家园服务网的平台网站，经过公司的研发，小程序已经开发并投入使用。欢迎朋友们通过小程序使用平台。

                        使用方法：通过小程序搜索：家园服务网，点击进入。无需安装APP便可以使用我们的平台。 您也可以扫描以下小程序二维码，直接进入平台。

                        为了更好的让大家使用家园服务网的平台网站，经过公司的研发，小程序已经开发并投入使用。欢迎朋友们通过小程序使用平台。 </div>
                </div>
                <div class="article-comment">
                    <div class="article-tip">评论</div>
                    <div class="article-comment-input">
                        <div class="article-input-box">
                            <textarea name="" id="" cols="30" rows="8" maxlength="200"></textarea>
                            <span>0/200</span>
                        </div>

                        <button>发送</button>
                    </div>
                    <div class="article-comment-item">
                        <div class="article-comment-item-header">
                            <div class="article-comment-item-logo"></div>
                            <div class="article-comment-item-name">Hero灬嘦巭深</div>
                        </div>
                        <div class="article-comment-item-time">2019-4-15  19:06</div>
                        <div class="article-comment-item-text">
                            不是业主权利意识淡薄，是谁来给业主做后盾？物业都成了大爷，想怎样就怎样。比如他们违规了向谁反应？反应
                            了会不会管？
                        </div>
                    </div>
                    <div class="article-comment-item">
                        <div class="article-comment-item-header">
                            <div class="article-comment-item-logo"></div>
                            <div class="article-comment-item-name">Hero灬嘦巭深</div>
                        </div>
                        <div class="article-comment-item-time">2019-4-15  19:06</div>
                        <div class="article-comment-item-text">
                            不是业主权利意识淡薄，是谁来给业主做后盾？物业都成了大爷，想怎样就怎样。比如他们违规了向谁反应？反应
                            了会不会管？
                        </div>
                    </div>
                    <div class="article-comment-item">
                        <div class="article-comment-item-header">
                            <div class="article-comment-item-logo"></div>
                            <div class="article-comment-item-name">Hero灬嘦巭深</div>
                        </div>
                        <div class="article-comment-item-time">2019-4-15  19:06</div>
                        <div class="article-comment-item-text">
                            不是业主权利意识淡薄，是谁来给业主做后盾？物业都成了大爷，想怎样就怎样。比如他们违规了向谁反应？反应
                            了会不会管？
                        </div>
                    </div>


                    <div class="pagination">
                        <div class="pagination-inner">
                            <span class="pagination-prep">&lt;</span>
                            <span class="pagination-num">1</span>
                            <span class="pagination-num active">2</span>
                            <span class="pagination-num">3</span>
                            <span class="pagination-num">...</span>
                            <span class="pagination-num">10</span>
                            <span class="pagination-next">&gt;</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>



    </div>
</main>
<footer class="footer">

</footer>
<script>
    (function () {
        $("header").load("../../views/common/header_common.html");
        $("nav").load("../../views/common/nav_inner.html");
        $(".nav-row").load("../../views/common/nav-row.html");
        $("footer").load("../../views/common/footer.html");
    })()
</script>
</body>
</html>